<template>
      <div class="investor-toolkit-area comm-tb-gap">
            <div class="constraint">
                  <div class="toolkit-tit-box">
                        <h2>{{ propData.moduleTitle }}</h2>
                  </div>
                  <div class="toolkit-main-box">
                        <ul class="flex flex-warp">
                              <li class="relative" v-for="(item, index) in toolkitList" :key="index">
                                    <div v-if="index == 0">
                                          <svg t="1698158201751" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                                xmlns="http://www.w3.org/2000/svg" p-id="50544" width="56" height="56">
                                                <path d="M922.666667 821.333333h-384V176h384z" fill="#37BFCD" p-id="50545">
                                                </path>
                                                <path d="M688 0v762.666667H101.333333V98.176L688 0zM350.762667 272H262.741333v334.805333h88.021334V272z m178.858666-0.042667H441.6v275.754667h88.021333V271.957333z"
                                                      fill="#1A43A9" opacity=".903" p-id="50546"></path>
                                                <path d="M981.333333 762.666667V938.666667H42.666667v-176z" fill="#1A43A9"
                                                      p-id="50547"></path>
                                          </svg>
                                    </div>
                                    <div v-else-if="index == 1">
                                          <svg t="1698158639906" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                                xmlns="http://www.w3.org/2000/svg" p-id="59181" width="56" height="56">
                                                <path d="M808.4 90.9h117.5v369.4H808.4z" fill="#6AA8FF" p-id="59182"></path>
                                                <path d="M925.913 90.856v117.5h-369.4v-117.5zM591.9 581.6h117.5v340H591.9zM437.01 237.39l97.155 97.156L188.181 680.53l-97.155-97.155z"
                                                      fill="#6AA8FF" p-id="59183"></path>
                                                <path d="M643.022 443.403l-98.924 98.923L338.12 336.348l98.923-98.923z"
                                                      fill="#6AA8FF" p-id="59184"></path>
                                                <path d="M805.974 115.872l97.367 97.368-344.216 344.216-97.368-97.367zM283.5 671.6H401v250H283.5z"
                                                      fill="#6AA8FF" p-id="59185"></path>
                                                <path d="M917.589 804.043v117.5h-810.2v-117.5z" fill="#195CE3" p-id="59186">
                                                </path>
                                          </svg>
                                    </div>
                                    <div v-else>
                                          <svg t="1698159094114" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                                xmlns="http://www.w3.org/2000/svg" p-id="70475" width="56" height="56">
                                                <path d="M336.011785 50.282347h477.682298a150.847041 150.847041 0 0 1 150.847041 150.847042v479.44218a150.847041 150.847041 0 0 1-150.847041 150.847041H336.011785a150.847041 150.847041 0 0 1-150.847042-150.847041V201.129389a150.847041 150.847041 0 0 1 150.847042-150.847042z"
                                                      fill="#DAE5F5" p-id="70476"></path>
                                                <path d="M356.627547 75.423521a125.705868 125.705868 0 0 0-125.705868 125.705868v457.066535a125.705868 125.705868 0 0 0 125.705868 125.705868H813.694083a125.705868 125.705868 0 0 0 125.705868-125.705868V201.129389a125.705868 125.705868 0 0 0-125.705868-125.705868z m0-75.423521H813.694083a201.129389 201.129389 0 0 1 201.129389 201.129389v457.066535a201.129389 201.129389 0 0 1-201.129389 201.129389H356.627547a201.129389 201.129389 0 0 1-201.129388-201.129389V201.129389a201.129389 201.129389 0 0 1 201.129388-201.129389z"
                                                      fill="#3D86FA" p-id="70477"></path>
                                                <path d="M210.305917 201.129389h477.682298a150.847041 150.847041 0 0 1 150.847042 150.847041v479.44218a150.847041 150.847041 0 0 1-150.847042 150.847042H210.305917a150.847041 150.847041 0 0 1-150.847041-150.847042V351.97643a150.847041 150.847041 0 0 1 150.847041-150.847041z"
                                                      fill="#FFFFFF" p-id="70478"></path>
                                                <path d="M210.305917 240.098208a125.705868 125.705868 0 0 0-125.705868 125.705868v457.066535a125.705868 125.705868 0 0 0 125.705868 125.705868h457.066536a125.705868 125.705868 0 0 0 125.705868-125.705868V365.804076a125.705868 125.705868 0 0 0-125.705868-125.705868z m0-75.423521h457.066536a201.129389 201.129389 0 0 1 201.129388 201.129389v457.066535a201.129389 201.129389 0 0 1-201.129388 201.129389H210.305917a201.129389 201.129389 0 0 1-201.129389-201.129389V365.804076a201.129389 201.129389 0 0 1 201.129389-201.129389z"
                                                      fill="#3D86FA" p-id="70479"></path>
                                                <path d="M228.658974 402.258777H612.564694a36.454702 36.454702 0 1 1 0 73.160815H228.658974a36.454702 36.454702 0 1 1 0-73.160815z m0 146.321631h347.451019a36.454702 36.454702 0 1 1 0 73.160815H228.658974a36.454702 36.454702 0 1 1 0-73.160815z m0 164.674687H411.435306a36.454702 36.454702 0 0 1 0 73.160815H228.658974a36.454702 36.454702 0 0 1 0-73.160815z m292.64326 0h36.454702a36.454702 36.454702 0 1 1 0 73.160815h-36.706114a36.454702 36.454702 0 1 1 0-73.160815z"
                                                      fill="#3D86FA" p-id="70480"></path>
                                          </svg>
                                    </div>
                                    <div class="flex jus-space-bet dw-plane ali-center">
                                          <div class="js-tip">
                                                <span>{{ item.text }}</span>
                                          </div>
                                          <div class="dow-icon-box flex ali-center jus-center flex-column">
                                                <svg t="1699513583375" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                                      xmlns="http://www.w3.org/2000/svg" p-id="73850" width="16"
                                                      height="16">
                                                      <path d="M550.4 682.816L778.688 448l53.312 54.848L512 832 192 502.848 245.312 448 473.6 682.816V64h76.8v618.816zM192 883.2h640V960H192v-76.8z"
                                                            fill="#000000" p-id="73851"></path>
                                                      </svg>
                                                      <p class="doc-text">PDF</p>
                                          </div>
                                    </div>
                              </li>
                        </ul>
                  </div>
            </div>
      </div>
</template>

<script lang="ts" setup>
let propData = defineProps({ moduleTitle: { default: '' } })
let toolkitList = [
      {
            text: '企业介绍'
      },
      {
            text: '历史运营数据'
      },
      {
            text: '产品列表'
      }
]

</script>